<include file="Common/works/header" />
<include file="Common/works/left_menu" />
<link rel="stylesheet" type="text/css" href="__PUBLIC__/home/css/jquery_pikaday.css"/>
<link rel="stylesheet" type="text/css" href="__PUBLIC__/home/css/pagination.css"/>
<div class="right" id="tab1">
	<div class="title">我的订单</div>
	<!-- 2016-8-5 -->
	<link rel="stylesheet" type="text/css" href="__PUBLIC__/home/css/time.css" />
	<div class="order_list_search">
		<ul>
			<li>订单编号</li>
			<li class="margin-right-70"><input type="text" placeholder="" class="_number"></li>
			<li>订单时间</li>
			<li>
				<div class="input-append">
					<input class="_sTime" size="16" type="text" value="" readonly>
					<span class="add-on"><i class="icon-th"></i></span>
				</div>
			</li>
			<li>至</li>
			<li class="margin-right-70">
				<div class="input-append">
					<input  class="_eTime" size="16" type="text" value="" readonly>
					<span class="add-on"><i class="icon-th"></i></span>
				</div>
			</li>
			<li class="search">
				<a href="#" class="_sou">查&nbsp;询</a>
			</li>
			<div class="cls"></div>
		</ul>
	</div>
	<div class="certification_list">
		<a class="hr" id="one1">全部订单</a>
		<a id="one2">待付款</a>
		<a id="one3">已完成</a>
        <a id="one4">已取消</a>
	</div>
	<div class="order_list" id="con_one_1">
		<!-- 其他div需要class添加hide来进行隐藏  实现切换 -->


    	<table class="table table-order">
      <colgroup>
          <col class="col-xs-3">
          <col class="col-xs-1">
          <col class="col-xs-1">
          <col class="col-xs-1">
          <col class="col-xs-1">
      </colgroup>
      <thead>
        <tr>
          <th>API名称</th>
          <th>套餐价格</th>
          <th>套餐次数</th>
          <th>订单状态</th>
          <th>操作</th>
        </tr>
      </thead>
    </table>
		<div class="_conter"></div>
		<div style="height: 40px;">
			<div class="_page M-box" style="float: right;">
			</div>
		</div>
	</div>
</div>
<script id="test" type="text/html">
	{{each data as dataObj}}
	<table class="table table-order table-border ">
		<colgroup>
			<col class="col-md-3 ">
			<col class="col-md-1 ">
			<col class="col-md-1 ">
			<col class="col-md-1 ">
			<col class="col-md-1 ">
		</colgroup>
		<tbody>

			<div class="table-order-title {{if dataObj.pay_status == 0&&dataObj.enable==1}} order-payment{{/if}}">
				<span>{{dataObj.order_time}}</span>
				<span>订单编号：<b>{{dataObj.order_id}}</b></span>
			</div>
			<tr>
				<td class="text-left ">{{dataObj.api_name}}</td>
				{{if dataObj.pay_status == 0 || dataObj.pay_status == 1}}
				<td>￥{{dataObj.amount}}/{{dataObj.cl}}</td>
				<td>{{dataObj.limit_num}}</td>{{/if}} {{if dataObj.pay_status == 2}}
				<td>免费</td>
				<td>无限制</td>{{/if}} {{if dataObj.pay_status == 0 && dataObj.enable == 1}}
				<td>待付款</td>
                <td class="order-payment-padding">
                <p>
                    <a href="/worksorder/info.html?order={{dataObj.order_id}}"  target="_blank">订单详情</a>
                </p>{{/if}} {{if dataObj.pay_status == 0 && dataObj.enable == 0}}
                <td>已取消</td>
				<td class="order-payment-padding">
					<p>
						<a href="/worksorder/info.html?order={{dataObj.order_id}}"  target="_blank">订单详情</a>
					</p>{{/if}}
                    {{if dataObj.pay_status == 2 || dataObj.pay_status == 1}}
					<td>已完成</td>
					<td class="order-payment-padding">
						<p>
							<a href="/worksorder/info.html?order={{dataObj.order_id}}"  target="_blank">订单详情</a>
						</p>
						{{/if}}
					</td>
			</tr>
		</tbody>
	</table>
	{{/each}}
</script>
<script src="__PUBLIC__/home/js/artTemplate.js"></script>
<script src="__PUBLIC__/js/common.js"></script>
<script type="text/javascript" src="__PUBLIC__/home/js/jquery_pikaday.js"></script>
<script type="text/javascript" src="__PUBLIC__/home/js/jquery.pagination.min.js"></script>
<script type="text/javascript" src="__PUBLIC__/home/js/work_orderlist.js"></script>
</body>

</html>